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Wat doen we? | Ontwerpen met Gliffy 


Een technische tekening 
maken 


cliffy 


same | Je browser als tekentafel 


Hoelang? Of je nu een vloerplan, een flowchart of een andersoortig ontwerp op het 


Een halfuurtje 


oog hebt, met Gliffy doe je dat met weinig moeite (of talent) en compleet gliffy 


Moeilijkheid? |_ vanuit je browser! Makkelijker kan haast niet… 4 ceone vescas 


Kk Ak 


F bestaan natuurlijk heel wat programma's waarmee 
je allerlei soorten technische ontwerpen kan maken. 
Dat gaat van gratis tools als Draw — onderdeel van de kan- 
toorsuite OpenOffice.org — over meer gespecialiseerde tools 
als Microsoft Office Visio en het krachtige SmartDraw tot 
allround kleppers als Adobe Illustrator. Stuk voor stuk 
knappe brokjes software, maar niet zo praktisch als je maar 
eens af en toe in de (technische) tekenpen wil kruipen. 
Gliffy www.gliffy.com biedt hiervoor een verfrissend alterna- 
tief, eentje waarvoor je zelfs geen software hoeft te down- 
loaden of te installeren! Gliffy is namelijk een webservice die 
zich geheel vanuit je browser laat bedienen. Zowat de enige 
voorwaarde is een recente browser met Adobe Flash Player 
— desnoods installeer je die snel nog even via www.adobe. 
com/products/flashplayer. Zelfs de gecreëerde documenten kan 
je op de Gliffy-server achterlaten, zodat ook je kennissen van 
je ontwerp kunnen meegenieten. 


STAP 1 / REGISTREREN 


Er is geen webservice of hij vraagt je naar een login-id. Zo 
ook met Gliffy, maar veel voeten heeft die registratie niet 
in de aarde. Surf naar www.gliffy.com en druk op Pricine & 
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De vriendelijke interface van Gliffy, met in het midden het aanmeldvenster. 


Yes! Send me emails about 
future Gliffy updates. 

1 agree to the Terms of 
Service. 
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ONLINE TEKENEN MET GUFFY 


Sten ve. Laat ‘pricing’ je niet te veel afschrikken. De dienst 
bestaat namelijk in twee hoofdversies: Gliffy Basic en Gliffy 
Premium (waarbij deze laatste nog eens in drie varianten 
wordt aangeboden; thuisgebruikers komen hier al weg met 
circa € 3,40 per maand). Gliffy Basic is gelukkig gratis, maar 
er kleven natuurlijk wel een paar beperkingen aan: je kan 
tot 5 verschillende ontwerpen maken en maximaal 2 MB aan 
eigen afbeeldingen uploaden (bij de commerciële versies is 
dat telkens onbeperkt). Verder zijn je ontwerpen automa- 
tisch publiek en verschijnt er onderaan je ontwerpen een 
bescheiden reclameregeltje. In elk geval: Gliffy Basic voldoet 
prima voor wie met deze beperkingen kan leven of voor wie 
de dienst eerst in de vingers wil krijgen. Druk dus maar op 
de eerste Sten ve-knop. Vul vervolgens een e-mailadres en 
wachtwoord in (zie afbeelding 1), verklaar je akkoord met de 
licentieovereenkomst en bevestig met Sran Up. 


STAP 2 / EEN DOCUMENT CREËREN 


Meteen erna verschijnt een venster waarin je de naam van 
je eerste document hoort in te tikken. Je doet er echter 
beter aan eerst je mailbox te checken en de link aan te 
klikken van de bevestigingsmail die Gliffy je intussen heeft 
toegestuurd. Dat is nodig wil je bijvoorbeeld ook documenten 
met Gliffy delen (zie stap 8). Je belandt nu automatisch in 
het aanmeldvenster, net zoals je op de knop Loein zou hebben 
gedrukt, en na je aanmelding krijg je de Document Manager 
te zien. Hier komen we in stap 7 nog wel op terug; nu mag 
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je dit venster verlaten door op New oocumenr te klikken. Geef _|mileslEdit»\Share®! create A)O|T)-"| |W] modity 4 4] +) vie 
dit keer wel een naam aan het ontwerp dat je wil creëren en |» ioarnken 
druk op OK. Gliffy geeft je dadelijk een plaatsje aan de te- » Flow Chart | 


kentafel.…. in 
le » Entity- Relationship 


» Network 


» User Interface 


STAP 3 l PAGINA-EIGENSCHAPPEN INSTELLEN » My Images : " Deur ‘classic-glass' 


v Image Search 


Het tekenblad is natuurlijk nog maagdelijk blank. We vullen 
dit zo dadelijk op met allerlei objecten, maar kijk eerst even 
naar het rechterpaneel. Hier vind je een aantal rubrieken 
terug, waaronder Properties. Als deze rubriek is geopend, zie 
je enkele Pace properties verschijnen. Je kan hier niet alleen 
de kleur en de afmetingen van je tekenblad instellen (in 
pixels), maar met vinkjes ook aangeven of je een zichtbaar 
tekenraster wenst (cri visie), of de objecten zich automa- 
tisch moeten oplijnen langsheen dit raster (snap To arn) en 
of je een scheidingslijn tussen de tekenbladen wenst (pace 
BREAKS) (zie afbeelding 3). De wijzigingen worden automatisch 
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Leg eerst de eigenschappen van je tekenblad vast. Zodra je een object op je tekenblad hebt geplaatst, krijgt 
dat een aantal handgrepen mee: door die met de muis te 
STAP 4 / OBJECTEN TOEVOEGEN verslepen, krijgt je figuur andere afmetingen. Een object 


roteren doe je met behulp van het gebogen pijltje. Erg han- 


Tijd nu om ons tekenblad te vullen, en daarvoor staat het 
linkerpaneel al in de aanslag. We raden je aan om alle ru- 
brieken even te openen, zodat je een indruk krijgt van de 
verschillende objecten. Bij een aantal vind je nog subrubrie- 
ken. Bij FLoorPLan bijvoorbeeld zijn dat onder meer Lrvine 
Room, Orrice Lavour en Krrcren. Heb je een geschikt object 
gevonden, versleep het dan met de muis naar de gewenste 
plaats op je tekenblad, waar je het verder kan bewerken (zie 
stappen 5 en 6). 

De rubrieken Imaae SearcH en My Imaces verdienen wel wat 
extra aandacht. Met de eerste kan je via — bij voorkeur 
Engelstalige — zoektermen afbeeldingen ophalen uit Yahoo! 
en die net zo makkelijk naar je tekenblad overbrengen (zie 
afbeelding 4). De tweede rubriek laat je toe plaatjes uit je 
eigen pc op te halen: druk op UpLoan AN rmace en kies een 
geschikte afbeelding (gif, jpg of png) via BLaperen en UpLoan 
Now. Eventueel kan je het plaatje eerst ook nog van tags 
voorzien (plaats een komma tussen de verschillende tags). 
Het is ook mogelijk zelf objecten te creëren: daarvoor staat 
de knoppenbalk Create tot je beschikking. Je kan kiezen tus- 
sen tekst, ellipsen, rechthoeken en (verbindings)lijnen. Met 


dig is nog de rubriek Properties in het rechterpaneel. Hier 
bepaal je de objectgrootte en de rotatiehoek door nume- 
rieke waarden in te tikken. Je treft er ook opties aan om 
een object vast te zetten (Lock shape), een slagschaduw aan 
te brengen (prop shapow) en te voorkomen dat een object bij 
het uitrekken zijn normale proporties verliest (Lock Aspect 
RATIO). Overigens zijn de opties de je hier aantreft deels ook 
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Een (geselecteerd) object laat zich op verschillende manieren bijspijkeren. 
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VAKTAAL 


API: Programmeurs gebruiken 
een API om hun programma of 
webdienst te laten communice- 
ren met andere programma's of 
onderdelen. Een AP] beschrijft de 
standaard procedures voor deze 
interactie. Een bekend voorbeeld 
van een API is DirectX. 


afhankelijk van het objecttype dat je hebt geselecteerd. Zet 
je bijvoorbeeld de Connector Toor of de Line Toor in, dan worden 
extra opties beschikbaar als Line Werent, Line PATTERN en Line 
Enps, en bij tekst kan je dan tot in de details het lettertype 
instellen. 

Bij het verplaatsen van een figuur kan het natuurlijk gebeu- 
ren dat die een ander object deels overlapt. Wil je de sta- 
pelorde aanpassen, dan moet je in de knoppenbalk Moprry zijn: 
met Brina To Front of Sen To Back is je stapeltje snel her- 
schikt. Je treft hier ook een knop aan waarmee je de vulkleur 
van (bepaalde) objecten kan veranderen (zie afbeelding 5). 


STAP 6 / OBJECTEN BEWERKEN (2) 


Het is uiteraard ook mogelijk objecten te verwijderen of te 
kopiëren, en daarvoor kan je de klassieke sneltoetsen Crru+C 
(kopiëren), Crru+V (plakken) en Crru+X (knippen) gebruiken 
— tenzij je dat liever vanuit het Epir-menu doet. 

In een technisch ontwerp is het vaak belangrijk dat objecten 
exact (tegenover elkaar) staan uitgelijnd. Ook daar zorgt 
Gliffy voor. Selecteer het eerste object, houd de Crru-toets 
ingedrukt en selecteer de volgende objecten — of druk op 
CrrL+A om ze allemaal te selecteren. In het rechterpaneel 
verschijnen nu knopjes voor de verschillende uitlijningsop- 
ties. Wil je verschillende objecten tegelijk bewegen of be- 
werken, dan breng je ze best eerst in één groep onder: dat 
kan via CrrL+G of via het Eprr-menu. De groep ontbinden doe 
je met Crru+U. 

Enkele handigheden duiken nog op in de knoppenbalk View: 
met het knopje Hano Toor verschuif je het tekenblad binnen 
je browservenster en de knopjes Zoom In / Our spreken voor 
zich. 
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STAP 7 / DOCUMENTEN BEHEREN 


Je doet er natuurlijk verstandig aan je werk regelmatig op 
te slaan — Gliffy trekt hiervoor trouwens geregeld aan je 
oren. Je zal merken: telkens je op het Save-knopje drukt, 
komt er in het rechterpaneel bij Reviston History een item 
bij. Gliffy bewaart namelijk elke vorige versie, zodat je met 
een dubbelklik snel terugkeert naar een vroegere variant 
van je ontwerp. Via het menu Fire, Save As kan je het do- 
cument ook opslaan onder een andere naam, maar vergeet 
niet dat de teller (van je gratis account) dan weer op- 
loopt. 

Heb je al een aantal documenten bewaard, dan is de Docu- 
ment Manager een handig hulpmiddel: je roept die op via 
Fire, Open. Hier krijg je een mooi overzicht van je documenten 
en kan je geselecteerde documenten ook makkelijk openen, 
verwijderen of hernoemen. Linksonder tref je een veld aan 
om een tag te creëren: vul het label in en druk op het plus- 
knopje. De tag verschijnt nu in het linkerpaneel. Om een 
document van deze tag te voorzien, hoef je het maar naar 
de tag te verslepen. 


STAP 8 / DOCUMENTEN EXPORTEREN 


Vanzelfsprekend is het ook mogelijk een geopend docu- 
ment af te drukken: daarvoor staat een Prinr-knopje ter 
beschikking. Het Fiue-menu bevat trouwens de optie Print 
SETUP, waarmee je onder meer het printpapier en de af- 
drukschaal instelt. Maar misschien had je het ontwerp 
liever lokaal opgeslagen in een meer universeel formaat? 
Ook dat kan: open het menu Fre en kies een van de drie 
exportmogelijkheden: SVG, JPEG of PNG. Even later krijg 
je dan de gelegenheid het gevraagde bestand te downloa- 
den. 

Gliffy Basic laat je ook toe documenten met anderen te 
delen, en wel op twee manieren. Ofwel kies je in het menu 
SHARE voor PuBLisH INFO, waarna je het brokje html-code dat 
verschijnt in je webpagina of blog kleeft, ofwel opteer je 
voor CoLLaBoRATE. Je hoeft dan maar een of meer e-mail- 
adressen in te vullen (zie afbeelding 8), waarna die perso- 
nen een berichtje met een link doorgestuurd krijgen — in- 
clusief een login-id — zodat ze je meteen met raad én daad 
kunnen bijstaan. « 


Email |zenter email addresses here B 
addresses: a 


(enter emails separated by commas) 


Collaborators: mail.com 


e 


Gliffy will send an email to all new collaborators. 


Did you know a Gliffy Online Business Account allows even 
simpler collaboration? Learn more. 


The URL for accessing this password protected editable diagram is: 
http://www.gliffy.com/gliffy/#d= «=Mijn_woonkamer 


OK | 


En waarom niet samen aan een document werken? 


